@extends('layouts.auth')
@push('morecss')
    <link href="//cdn.tudouyu.cn/AdminInspinia/css/plugins/iCheck/custom.css" rel="stylesheet">
@endpush
@push('morescript')
    <!-- iCheck -->
    <script src="//cdn.tudouyu.cn/AdminInspinia/js/plugins/iCheck/icheck.min.js"></script>
    <script>
        $(document).ready(function(){
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });
        });
    </script>
@endpush
@section('content')
    <div class="middle-box text-center loginscreen   animated fadeInDown">
        <div>
            <div>

                <h1 class="logo-name">LW+</h1>

            </div>
            <h3>加入 LW+</h3>
            <p>创建帐户获得更多操作。</p>
            <form class="m-t" role="form" method="POST" action="{{ route('register') }}">
                {{ csrf_field() }}
                <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                    <input class="form-control" placeholder="用户名称" id="name" type="text" class="form-control" name="name" value="{{ old('name') }}" required autofocus>
                    @if ($errors->has('name'))
                        <span class="help-block">
                            <strong>{{ $errors->first('name') }}</strong>
                        </span>
                    @endif
                </div>
                <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                    <input id="email" type="email" class="form-control" placeholder="电子邮箱" name="email" value="{{ old('email') }}" required>
                    @if ($errors->has('email'))
                        <span class="help-block">
                            <strong>{{ $errors->first('email') }}</strong>
                        </span>
                    @endif
                </div>
                <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                    <input id="password" type="password" class="form-control" placeholder="密码" name="password" required>
                    @if ($errors->has('password'))
                        <span class="help-block">
                            <strong>{{ $errors->first('password') }}</strong>
                        </span>
                    @endif
                </div>
                <div class="form-group">
                    <input id="password-confirm" type="password" class="form-control" placeholder="密码确认" name="password_confirmation" required>
                </div>
                <div class="form-group{{ $errors->has('agree_terms_policies') ? ' has-error' : '' }}">
                    <div class="checkbox i-checks"><label> <input type="checkbox" name="agree_terms_policies" value="1"><i></i> 同意条款和政策 </label></div>
                    @if ($errors->has('agree_terms_policies'))
                        <span class="help-block">
                            <strong>{{ $errors->first('agree_terms_policies') }}</strong>
                        </span>
                    @endif
                </div>
                <button type="submit" class="btn btn-primary block full-width m-b">注册</button>

                <p class="text-muted text-center"><small>已有账号?</small></p>
                <a class="btn btn-sm btn-white btn-block" href="{{ route('login') }}">登录</a>
            </form>
            <p class="m-t"> <small>Inspinia,一个Bootstrap 3的前端应用框架 &copy; 2014</small> </p>
        </div>
    </div>
@endsection
